body {
  background-color: #eeeeee;
}
.main .user-logo {
  width: 100%;
  height: 75px;
  margin-top: 50px;
  margin-bottom: 5px;
}
.main .user-logo img {
  display: block;
  height: 75px;
  margin: 0 auto;
}
.main .login {
  width: 100%;
  padding: 0 50px;
  overflow: hidden;
}
.main .login input {
  width: 100%;
  height: 30px;
  font-size: 15px;
  border: none;
  outline: none;
  background-color: #FFFFFF;
  margin-top: 20PX;
  padding: 0 8px;
  border-radius: 5px;
}
.main .login .sub {
  background-color: #FF3333;
  color: #FFFFFF;
  margin-bottom: 10px;
  font-size: 18px;
}
.main .login span {
  display: block;
  font-size: 12px;
  color: #666666;
}
.main .login .forget {
  float: left;
}
.main .login .register {
  float: right;
}
.main .other-way {
  margin-top: 45px;
}
.main .other-way .title {
  width: 100%;
  height: 30px;
  overflow: hidden;
  text-align: center;
  font-size: 13px;
  line-height: 30px;
  padding: 0 10px;
}
.main .other-way .title span {
  display: block;
  width: 17%;
  height: 1px;
  background-color: #999999;
  margin-top: 15px;
}
.main .other-way .title .left {
  float: left;
  margin-left: 19%;
}
.main .other-way .title .right {
  float: right;
  margin-right: 19%;
}
.main .other-way .title i {
  font-style: normal;
}
.main .other-way ul {
  width: 46%;
  margin: 0 auto;
  margin-top: 11px;
  overflow: hidden;
}
.main .other-way ul li {
  float: left;
  width: 33%;
}
.main .other-way ul li a {
  display: block;
  width: 64%;
  margin: 0 auto;
}
.main .other-way ul li a img {
  width: 100%;
  height: 100%;
}
